﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="ProductDetailPage.aspx.cs" Inherits="TamTreSoSinh.ProductDetailPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div id="core" class="core-bg-2">
        <!-- PAGE HEADER : begin -->
        <div id="page-header">
            <div class="container">
                <h1>
                    <asp:Label runat="server" ID="lblTitleTop" /></h1>
                <ul class="breadcrumbs">
                    <li><a href="/">Home</a></li>
                    <li><a href="/ShoppingCategoryPage.aspx">Shopping</a></li>
                    <li>
                        <asp:HyperLink runat="server" ID="hplShoppingCategory" /></li>
                    <li>
                        <asp:Label ID="lblProductName" runat="server" /></li>
                </ul>
            </div>
        </div>
        <!-- PAGE HEADER : end -->
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <!-- PAGE CONTENT : begin -->
                    <div id="page-content">
                        <!-- PRODUCT DETAIL : begin -->
                        <div class="product-detail">
                            <div class="row">
                                <div class="col-sm-6">
                                    <!-- PRODUCT IMAGES : begin -->
                                    <div class="product-images">
                                        <p class="main-image">
                                            <asp:HyperLink runat="server" ID="ImgProduct" CssClass="lightbox" data-lightbox-group="product" /></p>
                                    </div>
                                    <!-- PRODUCT IMAGES : end -->
                                </div>
                                <div class="col-sm-6">
                                    <!-- PRODUCT RATING : begin -->
                                    <div class="product-rating">
                                        <a><span class="rating-stars">
                                            <asp:Repeater runat="server" ID="rptStar">
                                                <ItemTemplate>
                                                    <i class="fa fa-star"></i>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </span></a>
                                    </div>
                                    <!-- PRODUCT RATING : end -->
                                    <!-- PRODUCT SHORT DESCRIPTION : begin -->
                                    <div class="product-short-description various-content">
                                        <asp:Label runat="server" ID="lblOverview" />
                                    </div>
                                    <!-- PRODUCT SHORT DESCRIPTION : end -->
                                    <!-- PRODUCT INFO : begin -->
                                    <div class="product-info">
                                        <div class="product-status m-available">
                                            <div runat="server" id="divInStock" class="product-status-inner">
                                                <i class="ico fa fa-check"></i>
                                                <h5>
                                                    In Stock</h5>
                                            </div>
                                        </div>
                                        <!-- PRODUCT PRICE : begin -->
                                        <div class="product-price">
                                            <asp:Label runat="server" ID="lblOldPrice" CssClass="old-price" Visible="false" />
                                            <strong class="price">
                                                <asp:Label runat="server" ID="lblCurrentPrice" /></strong>
                                        </div>
                                        <!-- PRODUCT PRICE : end -->
                                    </div>
                                    <!-- PRODUCT INFO : end -->
                                </div>
                            </div>
                            <!-- PRODUCT TABS : begin -->
                            <div class="c-tabs product-tabs" id="product-tabs">
                                <asp:Literal runat="server" ID="ltrDescription" />
                            </div>
                            <!-- PRODUCT TABS : end -->
                        </div>
                        <!-- PRODUCT DETAIL : end -->
                    </div>
                    <!-- PAGE CONTENT : end -->
                </div>
                <div class="col-md-4">
                    <!-- SIDEBAR : begin -->
                    <aside id="sidebar">
					    <!-- SIDEBAR LINKS : begin -->
					    <div class="sidebar-widget sidebar-links">
						    <h3 class="widget-title">Categories</h3>
						    <div class="widget-content">
							    <ul>
                                    <asp:Repeater runat="server" ID="rptShoppingCategory" OnItemDataBound="rptShoppingCategory_ItemDataBound">
                                        <ItemTemplate>
								            <li><asp:HyperLink runat="server" ID="hplShoppingCategory" /></li>
                                        </ItemTemplate>
                                    </asp:Repeater>
							    </ul>
						    </div>
					    </div>
					    <!-- SIDEBAR LINKS : end -->

					    <!-- SIDEBAR PRODUCTS : begin -->
					    <!--div class="sidebar-widget sidebar-products">
						    <h3 class="widget-title">Sản phẩm bán chạy</h3>
						    <div class="widget-content">
							    <ul>
								    <li>
									    <h4 class="product-title"><a href="/ProductDetailPage.aspx">Aromachology Repairing Mask</a></h4>
									    <p class="product-price"><span class="old-price">$26.49</span> $22.49</p>
								    </li>
								    <li>
									    <h4 class="product-title"><a href="/ProductDetailPage.aspx">Almond Supple Skin Oil</a></h4>
									    <p class="product-price">$35.50</p>
								    </li>
								    <li>
									    <h4 class="product-title"><a href="/ProductDetailPage.aspx">Shea Ultra Gentle Moisturizer</a></h4>
									    <p class="product-price">$29.99</p>
								    </li>
							    </ul>
						    </div>
					    </div-->
					    <!-- SIDEBAR PRODUCTS : end -->
				    </aside>
                    <!-- SIDEBAR : end -->
                </div>
            </div>
        </div>
    </div>
</asp:Content>
